<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>  
    <h4>所有笑话为：</h4>
    <div id="d1" ></div> 
    <script   src="jquery.js"></script>


    <script>
        $.get("https://www.mxnzp.com/api/jokes/list?page=1",{},
        function(data){
        
        
      var  arrs=data.data.list;
      for(var  i=0;i<arrs.length;i++){
     var d2=  document.createElement("div");

         d2.innerHTML= i+arrs[i].content+"<br/>";
         d1.appendChild(d2);



      }
   
     
       }
        
        
        
        );





    </script>

  
    
</body>
</html>